<template>
    <div>
        <h1>{{msg}}</h1>
        <h2>学生姓名:{{name}}</h2>
        <h2>学生性别:{{sex}}</h2>
        <h2>学生年龄:{{myAge+1}}</h2>
        <button @click="updateAge">我点修改年龄</button>
    </div>
</template>

<script>
export default {
    name:'Student',
    data() {
        console.log(this)
        return {
            msg:'哦是一个学生',
            myAge:this.age
        }
    },
    methods:{
        updateAge(){
            this.myAge ++;
        }
    },
    props:['name','sex','age']   //简单声明接收

    //接收的同时，对数据进行类型限制
    /* props:{
        name:String,
        sex:String,
        age:Number,
    } */

    //接收的同时，对数据进行类型限制+默认值的指定+必要性的限制
    /* props:{
        name:{
            type:String, //name的类型是Stirng
            required:true //限制必穿
        },
        sex:{
            type:String,
            default:'男'  //默认值
        },
        age:{
            type:Number,
            default:99   //默认值
        },
    } */


}
</script>

<style>

</style>
